﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/ezdesk_app_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="pageTitle" -->
    <title>易得桌面</title>
    <!-- InstanceEndEditable -->
    <link href="Content/jquery-ui.custom.css" rel="stylesheet" type="text/css" />
    <link href="Content/ui.textbox.css" type="text/css" rel="stylesheet" media="all" />
    <link href="Content/freecontent.css" rel="stylesheet" type="text/css" />
    <link href="Content/wdatepicker.css" rel="stylesheet" type="text/css" />
    <link href="Content/ajaxbusy.css" rel="stylesheet" type="text/css" />
    <link href="Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/ezdesk_mockdata.js" type="text/javascript"></script>
    <script src="Scripts/jquery.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui.custom.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.form.js" type="text/javascript"></script>
    <script src="Scripts/ui.textbox.js" type="text/javascript"></script>
    <script src="Scripts/pinyin.js" type="text/javascript"></script>
    <script src="Scripts/ezdesk-jquery-ui.js" type="text/javascript"></script>
    <script src="Scripts/ezdesk_common.js" type="text/javascript"></script>
</head>
<!-- InstanceBeginEditable name="pageStyles" -->
<link href="Content/freecontent.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="pageScripts" -->
<script type="text/javascript">
    //************* URL常量
    var URL_APPLY_MODITY_ATTENDANCE_EVALUATION = "/Attendance/ApplyModifyAttendanceEvaluation";


    //************* 全局变量
    var g_Var = {
        "applyUserId": null,
        "time": null,
        "applicationWork": null
    };


    //************* 常量定义
    var StaticResource = {
        "ApplicationState": {
            "Applying": "正在处理",
            "Done": "已处理"
        },
        "WeekendInfo": {
            "false": "非周末",
            "true": "周末"
        },
        "IsNeedToWork": {
            "false": "休息",
            "true": "正常上班"
        },
        "timeTarget": {
            "minute": "分钟",
            "hour": "小时"
        },

        "YesOrNoTarget": {
            "false": "否",
            "true": "是",
            "False": "否",
            "True": "是"
        },

        "ItemName": {
            "LateMiniutes": "迟到",
            "EarlyMiniutes": "早退",
            "IsAbsense": "旷工",
            "IsExtraWork": "加班",
            "ManHours": "获得工时"
        }

    };



    //************* Accessor访问器
    var EzAccessor = {};
    function CreateAccessor() {
        if (ezmock.IS_MOCKED) {
            EzAccessor = CreateMockEzAccessor();

        } else {
            EzAccessor = CreateRealEzAccessor();
        }
    }


    function CreateMockEzAccessor() {
        //模拟实现服务器交互方法
        var mock_application = {
            "ApplyUserId": "1111",
            "ApplyUser": { "Name": "yoyo" },
            "ApplyOn": new Date(),
            "ApplyText": "忘了打卡",
            "State": "Applying"
        };


        var mock_daInfo = {
            "Date": "1243180800",
            "IsNeedToWork": true,
            "HolidayInfo": {
                "Name": "国庆节"
            },
            "ExtraShiftInfo": {
                "Name": "年假"
            },
            "IsWeekEnd": false
        };

        var mock_currentUser = {
            "Id": "0c9d7c0c-04a5-4ae2-97a1-d7bbc38f5c66",
            "Name": "MR.春", "UserName": "yuxin",
            "Dept": {
                "Id": "bd3474a8-6c2d-43ef-bf42-b06827a216f6",
                "DeptName": "软件工程部",
                "GroupId": "9ad96dac-88d8-4315-bfdb-9931c8f3cb7c"
            }
        };


        //todo:
        var mock_dayAttendanceDetail = { "TargetUser": { "Id": "19f1c421-280f-4935-9980-e469175461c2", "Name": "龚伟", "UserName": "gw", "Dept": { "Id": "5d83f6f5-a149-4112-a07a-14ad2d51cacb", "DeptName": "施工图部", "GroupId": "7c5fc3e7-cd9a-4dc6-a901-79cc42e7f310"} }, "AttendanceInfoList": [{ "Id": "00000000-0000-0000-0000-000000000000", "UserId": "00000000-0000-0000-0000-000000000000", "Date": "1289359900", "AttendanceType": "onDuty", "ActionTime": "1289372900", "Explanation": "去银行", "IsAbnormalAttendance": false }, { "Id": "00000000-0000-0000-0000-000000000000", "UserId": "00000000-0000-0000-0000-000000000000", "Date": "1289359900", "AttendanceType": "onDuty", "ActionTime": "1289359900", "Explanation": "", "IsAbnormalAttendance": false }, { "Id": "00000000-0000-0000-0000-000000000000", "UserId": "00000000-0000-0000-0000-000000000000", "Date": "1289359900", "AttendanceType": "offDuty", "ActionTime": "1289380900", "Explanation": "", "IsAbnormalAttendance": true}], "AttendanceEvaluation": { "UserId": "00000000-0000-0000-0000-000000000000", "Id": "00000000-0000-0000-0000-000000000000", "Date": "\/Date(-62135596800000)\/", "IsNeedToWork": true, "IsLate": true, "LateMiniutes": 30, "IsLeaveEarly": true, "EarlyMiniutes": 20, "IsAbsense": false, "IsExtraWork": true, "Manhours": 80 }, "LeaveInfo": { "IsWholeDay": true, "Date": "1289359500", "Leaves": [{ "LeaveName": "事假", "LeaveId": "00000000-0000-0000-0000-000000000000", "Day": "\/Date(-62135596800000)\/", "StartTime": "1289354400", "EndTime": "1289359900", "IsForWork": true }, { "LeaveName": "病假", "LeaveId": "00000000-0000-0000-0000-000000000000", "Day": "\/Date(-62135596800000)\/", "StartTime": "1289341900", "EndTime": "1289369900", "IsForWork": false}]} };

        var mock_EvaluationModifyHistory = [
            {
                "ModifyOn": "1243999999",
                "Operator": {
                    "Id": "19f1c421-280f-4935-9980-e469175461c4",
                    "Name": "卢春叶"
                },
                "AttendanceEvaluationChangeList": [
			        {
			            "ItemName": "LateMiniutes",
			            "OldValue": "30",
			            "NewValue": "20"
			        },
                    {
                        "ItemName": "IsExtraWork",
                        "OldValue": false,
                        "NewValue": true
                    }
                ]
            },
             {
                 "ModifyOn": "1243956789",
                 "Operator": {
                     "Id": "19f1c421-280f-4935-9980-e469175461c4",
                     "Name": "严兰兰"
                 },
                 "AttendanceEvaluationChangeList": [
			        {
			            "ItemName": "IsAbsense",
			            "OldValue": false,
			            "NewValue": true
			        },
                    {
                        "ItemName": "ManHours",
                        "OldValue": "80",
                        "NewValue": "75 "
                    }
                ]
             }

        ];


        var mock_currentDate = "1243956789";

        var mockEzAccessor = {

            "getDayInfo": function () {
                return mock_daInfo;
            },
            "getIsDisplayAttendanceInfo": function () {
                return true;
            },
            "getIsDisplayApplyEvaluation": function () {

                return true;
            },
            "getIsDisplayEvaluationInfo": function () {

                return true;
            },
            "getEvaluationModifyApplicaitons": function () {
                return mock_application;
            },
            "getDayAttendanceDetail": function () {
                return mock_dayAttendanceDetail;
            },

            "getTargetUser": function () {

                return mock_currentUser;
            },

            "geEvaluationModifyHistory": function () {
                return mock_EvaluationModifyHistory;
            },


            "doApplyModify": function (applyUserId, date, applyText) {
                var stateInfo = { 'State': 'Success', 'Info': '申请成功!请等待审批', 'Date': null };
                $.displayStateInfo(stateInfo);
            }
        };

        return mockEzAccessor;
    }

    function CreateRealEzAccessor() {
        //实现服务器交互方法
        var realEzAccessor = {
            "getDayInfo": function () {
                //                    return <%= ViewData["DayInfo"] %>;
            },
            "getIsDisplayAttendanceInfo": function () {
                //                    return <%= ViewData["IsDisplayAttendanceInfo"] %>;
            },
            "getIsDisplayApplyEvaluation": function () {

                //                    return <%= ViewData["IsDisplayApplyEvaluation"]%>;
            }, "getIsDisplayEvaluationInfo": function () {

                //                    return <%= ViewData["IsDisplayEvaluationInfo"]%>;
            },
            "getEvaluationModifyApplicaitons": function () {
                //                    return <%= ViewData["ModifyAttendanceApplication"] %>;
            },
            "getTargetUser": function () {
                //                    return <%= ViewData["TargetUser"]%>

            },

            "getDayAttendanceDetail": function () {
                //                    return <%= ViewData["DayAttendanceDetail"] %>;
            },

            "geEvaluationModifyHistory": function () {
                //                    return <%= ViewData["EvaluationModifyHistory"] %>;
            },

            "doApplyModify": function (applyUserId, date, applyText) {
                $(document).ajaxBusy('begin');
                $.post(
                    URL_APPLY_MODITY_ATTENDANCE_EVALUATION,
                    {
                        'applyUserId': applyUserId,
                        'date': date,
                        'applyText': applyText
                    },
                    function (e) {
                        $(document).ajaxBusy('end');
                        $.displayStateInfo(e);

                        pageReload();
                    }
                );
            }
        };

        return realEzAccessor;
    }


    function pageReload() {
        window.location.reload();

    }


    //上下班打卡考勤记录
    function bindCheckAttendanceDetail(attendanceDetail) {
        var attendanceInfoList = attendanceDetail.AttendanceInfoList;
        for (var key in attendanceInfoList) {
            var actionTime = Date.fromEpoch(attendanceInfoList[key].ActionTime).toFullTimeFormat();
            var isAbnormal = attendanceInfoList[key].IsAbnormalAttendance ? "*" : "";
            var attendanceDom = '<p>{isAbnormal}{actionTime}</p>';
            attendanceDom = attendanceDom.replace("{actionTime}", actionTime)
                                         .replace("{isAbnormal}", isAbnormal);
            //上班
            if (attendanceInfoList[key].AttendanceType == "onDuty") {
                $('#actionTimeOnDuty').append(attendanceDom);
            }
            //下班
            else {
                $('#actionTimeOffDuty').append(attendanceDom);
            }

        }

    }


    //假期信息
    function bindLeaveInfoDetail(attendanceDetail) {
        if (attendanceDetail.LeaveInfo) {
            var leaveInfo = attendanceDetail.LeaveInfo.Leaves;
            for (var key in leaveInfo) {
                var leaveName = leaveInfo[key].LeaveName;
                var startTime = Date.fromEpoch(leaveInfo[key].StartTime);
                var endTime = Date.fromEpoch(leaveInfo[key].EndTime);
                var startTimeFormat = startTime.toFullTimeFormat();
                var endTimeFormat = endTime.toFullTimeFormat();
                var leaveTime = startTimeFormat + " 至 " + endTimeFormat;
                var leaveInfoDom = '<p>{leaveName} {leaveTime}</p>';


                leaveInfoDom = leaveInfoDom.replace("{leaveName}", leaveName)
                                           .replace("{leaveTime}", leaveTime);

                $('#cmbLeaveinfo').append(leaveInfoDom);

            }
        }
    }



    //考勤评估信息
    function bindAttendanceEvaluationDetail(attendanceDetail) {
        var attendanceEvaluation = attendanceDetail.AttendanceEvaluation;
        if (attendanceEvaluation) {
            var lateMiniute = attendanceEvaluation.LateMiniutes;
            var earlyMiniutes = attendanceEvaluation.EarlyMiniutes;
            var isAbsense = StaticResource.YesOrNoTarget[attendanceEvaluation.IsAbsense];
            var isExtraWork = StaticResource.YesOrNoTarget[attendanceEvaluation.IsExtraWork];
            var manHours = (attendanceEvaluation.Manhours) / 10.00;

            $('#cmbBeLate').html(lateMiniute + StaticResource.timeTarget.minute);
            $('#cmbLeaveEarly').html(earlyMiniutes + StaticResource.timeTarget.minute);
            $('#cmbAbsent').html(isAbsense);
            $('#cmbExtraWork').html(isExtraWork);
            $('#cmbManHours').html(manHours + StaticResource.timeTarget.hour);
        }
    }



    function bindAttendanceDetail(attendanceDetail, IsDisplayEvaluationInfo) {
        bindCheckAttendanceDetail(attendanceDetail);
        bindLeaveInfoDetail(attendanceDetail);

        if (IsDisplayEvaluationInfo) {
            bindAttendanceEvaluationDetail(attendanceDetail);
        }
    }




    //显示已存在的申请
    function showApplicationList(application) {
        if (application) {
            var applyUserName = application.ApplyUser.Name;
            var applyOn = Date.fromEpoch(application.ApplyOn);
            var applyOnFormat = applyOn.toChineseDateFormat() + " " + applyOn.toFullTimeFormat();
            var applyText = application.ApplyText;
            var applyState = StaticResource.ApplicationState[application.State];

            var applyInfoDom = ' <p>修改申请：<span>{applyUserName} 于 {applyOn}申请修改</span></p><p> 修改原因： <span >{applyText}</span></p><p><span >({applyState})</span></p>';
            applyInfoDom = applyInfoDom.replace("{applyUserName}", applyUserName)
                                        .replace("{applyOn}", applyOnFormat)
                                        .replace("{applyText}", applyText)
                                        .replace("{applyState}", applyState);

            $('#cmbApplyInfo').append(applyInfoDom);
        }


    }





    //显示当日信息
    function showDayInfo(dayInfo) {
        var isWeekEnd = StaticResource.WeekendInfo[dayInfo.IsWeekEnd];
        var needToWork = StaticResource.IsNeedToWork[dayInfo.IsNeedToWork];
        var extraShiftInfo = "";
        var holidayInfo = "";
        if (dayInfo.ExtraShiftInfo && dayInfo.HolidayInfo) {
            extraShiftInfo = dayInfo.ExtraShiftInfo.Name
            holidayInfo = dayInfo.HolidayInfo.Name;
        }

        var dayInfoDom = '<p>当日信息 : {weekendInfo}  {holidayInfo}  {extraShiftInfo} {needToWork}</p>';
        dayInfoDom = dayInfoDom.replace("{weekendInfo}", isWeekEnd)
                               .replace("{holidayInfo}", holidayInfo)
                               .replace("{extraShiftInfo}", extraShiftInfo)
                               .replace("{needToWork}", needToWork);

        $('#lblDayInfo').append(dayInfoDom);
    }




    //Tittle
    function showApplicationTittle(currentUser, dayInfo) {
        var applyUserName = currentUser.Name;
        var nowDay = Date.fromEpoch(dayInfo.Date).toFullChineseDateFormat();
        var tittleStr = applyUserName + " " + nowDay + " " + "考勤详细";

        $('#lblTittle').html(tittleStr);
    }



    function editEvaluationItemValue(itemName, value) {
        var editedValue = value + StaticResource.timeTarget.minute;
        switch (itemName) {
            case StaticResource.ItemName.ManHours: editedValue = (value / 10) + StaticResource.timeTarget.hour;
                break;
            case StaticResource.ItemName.IsExtraWork: editedValue = StaticResource.YesOrNoTarget[value];
                break;
            case StaticResource.ItemName.IsAbsense: editedValue = StaticResource.YesOrNoTarget[value];
                break;

        }

        return editedValue;

    }



    //修改记录
    function showEvaluationModifyHistory(evaluationModifyHistory) {
        var evaluationChange = "";
        for (var key in evaluationModifyHistory) {
            var modifyOn = Date.fromEpoch(evaluationModifyHistory[key].ModifyOn);
            var modifyOnFormat = modifyOn.toChineseDateFormat() + " " + modifyOn.toFullTimeFormat();
            var operatorName = evaluationModifyHistory[key].Operator.Name;
            //修改人和修改时间
            var modifyTittle = '<p>{operatorName} 在 {modifyOnFormat} 修改如下:</p>';
            modifyTittle = modifyTittle.replace("{operatorName}", operatorName)
                                       .replace("{modifyOnFormat}", modifyOnFormat);

            //修改内容
            var modifyList = '';
            var modifyInfo = '';
            var attendanceEvaluationChangeList = evaluationModifyHistory[key].AttendanceEvaluationChangeList;
            for (var target in attendanceEvaluationChangeList) {
                var itemName = StaticResource.ItemName[attendanceEvaluationChangeList[target].ItemName];
                var oldValue = attendanceEvaluationChangeList[target].OldValue;
                var newValue = attendanceEvaluationChangeList[target].NewValue;

                //时间单位是分钟还是小时
                //加班和旷工项  对true 和 false的处理
                oldValue = editEvaluationItemValue(itemName, oldValue);
                newValue = editEvaluationItemValue(itemName, newValue);

                modifyInfo = modifyInfo + '<p>将 {itemName} {oldValue} 修改为 {newValue}</p>';
                modifyInfo = modifyInfo.replace("{itemName}", itemName)
                                      .replace("{oldValue}", oldValue)
                                      .replace("{newValue}", newValue);

            }
            evaluationChange = evaluationChange + modifyTittle + modifyInfo + "<hr\>";

        }

        $("#cmbEvaluationModifyHistory").append(evaluationChange);


    }


    function showApplicationDetail(dayInfo, targetUser) {

        showDayInfo(dayInfo);
        showApplicationTittle(targetUser, dayInfo);
    }



    function initPage() {
        EzTipsManager.addTipBox('#tip_Remind', 'tipRemind');
        EzTipsManager.addTipBox('#tip_ModifyInfo', 'tipModifyInfo');

        EzTipsManager.showTipBox('tipRemind');
        EzTipsManager.showTipBox('tipModifyInfo');

        //获取数据
        CreateAccessor();

        var dayInfo = EzAccessor.getDayInfo();
        var isDisplayAttendanceInfo = EzAccessor.getIsDisplayAttendanceInfo();
        var targetUser = EzAccessor.getTargetUser();

        g_Var["time"] = dayInfo.Date;
        g_Var["applyUserId"] = targetUser.Id;

        //显示当日信息，申请信息，评估历史等
        showApplicationDetail(dayInfo, targetUser);

        if (isDisplayAttendanceInfo) {
            var application = EzAccessor.getEvaluationModifyApplicaitons();
            var isDisplayApplyEvaluation = EzAccessor.getIsDisplayApplyEvaluation();
            var attendanceDetail = EzAccessor.getDayAttendanceDetail();
            var evaluationModifyHistory = EzAccessor.geEvaluationModifyHistory();
            var IsDisplayEvaluationInfo = EzAccessor.getIsDisplayEvaluationInfo();

            //已存在申请
            showApplicationList(application);
            //修改历史
            showEvaluationModifyHistory(evaluationModifyHistory);
            //考勤信息
            bindAttendanceDetail(attendanceDetail, IsDisplayEvaluationInfo);
            //是否可以申请修改
            if (isDisplayApplyEvaluation) {
                $('#cmbApplyModify').show();
            }
        }
        else {
            $('#tblNoFuture').show();
            $('#tblAttendanceInfo').hide();
        }

    }



    function initPageEvent() {

        //申请修改
        $('#applyModify').click(function () {
            //            $('#cmbApplyModify').hide();
            //            $('.page-submit').show();
            //            $('#txtExplain').focus();

            var divDom = $("<div/>");
            var htmlText = '<p>请填写申请修改考勤评估的原因:</p>' +
                            '<textarea cols="50" rows="5" id="txtExplain"></textarea>' +
                            '<div>' +
                                 '<input id="btnSubmit" style="width: 80px; height: 30px;" type="button" value="确定" />' +
                            '</div>';

            $(divDom).html(htmlText);

            divDom.contentsManager({ "width": "390px",
                "height": "160px"
            });


            //确定申请
            $('#btnSubmit').click(function () {
                var applyUserId = g_Var["applyUserId"];
                var date = g_Var["time"];
                var applyText = $('#txtExplain').val().htmlEncode();

                EzAccessor.doApplyModify(applyUserId, date, applyText);

                $('#txtExplain').clearFields();

                $('#fade , .popup_block').fadeOut();
                $('#cmbApplyModify').hide();


            });

        });


        $('#preDay').click(function () {
            var date = Date.fromEpoch(g_Var["time"]);

            var perDay = new Date(
                date.getFullYear(),
                date.getMonth(),
                date.getDate() - 1,
                0,
                0,
                0
            ).toEpoch();

            window.location.href = "PersonalAttendanceInfoPerDay?time="
                           + perDay;

        });


        $('#nextDay').click(function () {
            var date = Date.fromEpoch(g_Var["time"]);

            var nextDay = new Date(
                date.getFullYear(),
                date.getMonth(),
                date.getDate() + 1,
                0,
                0,
                0
            ).toEpoch();

            window.location.href = "PersonalAttendanceInfoPerDay?time=" + nextDay;

        });


    }


    $(function () {
        initPage();
        initPageEvent();
    });
</script>
<!-- InstanceEndEditable -->
<body>
    <div id="root">
        <div id="headw">
            <div id="head">
                <!-- InstanceBeginEditable name="pageHead" -->
                <p>
                    早上好，杨裕欣(软件工程部)
                </p>
                <div id="status-bar">
                    <span><a href="#">设置</a></span>&nbsp; 魏玛软件出品
                </div>
                <!-- InstanceEndEditable -->
            </div>
        </div>
        <div id="main">
            <div id="contentw">
                <div id="content-page">
                    <!-- InstanceBeginEditable name="pageContent" -->
                    <div id="page-head">
                        <span id="lblTittle"></span>
                        <div style="margin: 5px; min-height: 20px;">
                            <div style="float: left;">
                                <a id="preDay">前一天</a>
                            </div>
                            <div style="float: right;">
                                <a id="nextDay">后一天</a>
                            </div>
                        </div>
                    </div>
                    <div id="page-body">
                        <div id="tblNoFuture" style="display: none;">
                            <!-- <%Html.RenderPartial("_noFutureDisplayInfo"); %>-->
                        </div>
                        <div id="tblAttendanceInfo" style="margin: 20px 20px 30px 20px;">
                            <ul class="fieldslist">
                                <li>
                                    <div class="l">
                                        *上班：
                                    </div>
                                    <div id="actionTimeOnDuty" class="r">
                                    </div>
                                </li>
                                <li>
                                    <div class="l">
                                        *下班：
                                    </div>
                                    <div>
                                        <div id="actionTimeOffDuty" class="r">
                                        </div>
                                </li>
                            </ul>
                            <ul class="fieldslist">
                                <li>
                                    <div class="l">
                                    </div>
                                    <div id="cmbLeaveinfo" class="r">
                                    </div>
                                </li>
                            </ul>
                            <ul class="fieldslist">
                                <li>考勤评记录 </li>
                                <li>
                                    <div class="l">
                                        迟到：
                                    </div>
                                    <div class="r">
                                        <p id="cmbBeLate">
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="l">
                                        早退：
                                    </div>
                                    <div class="r">
                                        <p id="cmbLeaveEarly">
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="l">
                                        旷工：</div>
                                    <div class="r">
                                        <p id="cmbAbsent">
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="l">
                                        加班：</div>
                                    <div class="r">
                                        <p id="cmbExtraWork">
                                        </p>
                                    </div>
                                </li>
                                <li>
                                    <div class="l">
                                        工时：
                                    </div>
                                    <div class="r">
                                        <p id="cmbManHours">
                                        </p>
                                    </div>
                                </li>
                            </ul>
                            <div id="cmbApplyModify" style="margin: 20px 20px 30px 30px; display: none;">
                                <span style="color: gray;">*如果您的考勤评估信息与实际情况存在出入,或者因为其他原因,您想修改相应信息. 请点击</span><a id="applyModify"
                                    style="color: Red;">申请修改</a>
                            </div>
                        </div>
                    </div>
                    <div class="page-submit" style="display: none;">
                        <div style="margin: 20px 20px 30px 30px;">
                            <div class="formBox">
                            </div>
                        </div>
                    </div>
                    <!-- InstanceEndEditable -->
                </div>
                <div id="content-foot">
                    <small>这个是内容下面的脚注</small></div>
            </div>
            <div id="tipsw">
                <!-- InstanceBeginEditable name="pageShortcut" -->
                <!-- InstanceEndEditable -->
                <div id="tips" class="box">
                </div>
            </div>
            <div class="clearfloat">
            </div>
        </div>
    </div>
    <!-- InstanceBeginEditable name="pageFoot" -->
    <div id="tip_Remind" style="display: none;">
        <h1>
            小贴士:</h1>
        <p class="indent">
            带*为不可申请更改的信息! 例如:当日上下班的考勤记录,当日的假期情况等。
        </p>
    </div>
    <div id="tip_ModifyInfo" style="display: none;">
        <h1>
            考勤评估修改历史：</h1>
        <div class="indent">
            <div id="cmbApplyInfo" style="background: #eefefe; border: 1px #999; color: gray;
                width: 100%; margin: 10px 0 10px 0; font-size: 12px;">
            </div>
            <div id="cmbEvaluationModifyHistory" style="background: #eee; border: 1px #999; color: gray;
                width: 100%; margin: 10px 0 10px 0; font-size: 12px;">
            </div>
        </div>
    </div>
    <div id="popContent" style="display: none;">
    </div>
    <!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd -->
</html>
